<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> -->
		<title>混凝土生产信息数据平台</title>
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" href="./css/css1.css">
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.flexslider-min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/zcircleMove.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="wrap">
		<!-- header -->
		<div class="header">
			<div class="title">
				混凝土生产信息数据平台
			</div>
			<div class="head-l clearfix">
				<img src="img/logo.png" alt="" class="cbtn">
				 <p><button type="button" onclick="full()">全屏</button></p>
			</div>
			<div class="head-r clearfix">
				<div class="time">
					<p class="riqi" id="riqi">2020 年 3 月 27 日 周五</p>
					<p class="shijian" id="shijian">12:00:00</p>
				</div>
			</div>
		</div>
		<div class="main clearfix">
			<!-- 左侧 -->
			<div class="main-l">
				<div class="box box1">
					<div class="title"><img src="img/qs.png" alt="">产品毛利润率</div>
					<div class="content">
						<div id="echart1" style="width: 100%;  height: 376px;"></div>
					</div>
				</div>
				<div class="box box2">
					<div class="title"><img src="img/tongji.png" alt="">原材料成本分析图  <span class="xc1">c10</span></div>
					<div class="content">
						<div class="bg666"></div>
						<div id="echart2" style="width: 100%;  height: 200px;"></div>
						<div  class="info">
							<span>配合比例：1:2.5:3:4.2</span>
							<span>水胶比例：0.5</span>
							<span>砂率比例：0.5</span>
							<span>水灰比例：0.5</span>
						</div>
					</div>
				</div>
				<div class="box box3">
					<div class="title"><img src="img/qs.png" alt="">原材料成本趋势图</div>
					<div class="content">
						<div class="nav1">
							<span class="on">月总数</span>
							<span>年总数</span>
						</div>
						<div id="echart3" style="width: 100%;  height: 220px;"></div>
					</div>
				</div>
				
			</div>
			
			<!-- 右侧 -->
			<div class="main-r">
				<div class="clearfix">
					<div class="box box1">
						<div class="title title">
							<p><img src="img/lr.png" alt="">成本利润图  <span class="xc2">c10</span></p>
						</div>
						<div class="content">
							<div id="echart4" style="width: 100%;  height: 260px;"></div>
							<ul class="list clearfix fenlei"></ul>
						</div>
					</div>
					<div class="box box2">
						<div class="title title">
							<p><img src="img/set.png" alt="">各项成本  <span class="xc3">c10</span></p>
						</div>
						<div class="content">
							<ul class="clearfix huafei"></ul>
						</div>
					</div>
				</div>
				
				<div class="box box3">
					<div class="title title">
						<p><img src="img/gl.png" alt="">任务展示</p>
					</div>
					<div class="content table1">
						<div class="th"></div>
						<div class="list">
							<ul class="scroll2"></ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
	</body>
	
	<!-- echarts库 -->
	<script type="text/javascript" src="js/echarts.js"></script>
	<script src="js/circleChart.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/index2.js"></script>
	<script src="js/main2.js" type="text/javascript" charset="utf-8"></script>

</html>